<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>账户明细(KAP)</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/style.css" />
		<link rel="stylesheet" href="../../css/title.css" />
		<style>
			body {
				background: black;
			}
			
			.mui-bar-nav~.mui-content {
				padding-top: 50px;
			}
			
			.mui-content {
				margin: 0;
				padding: 0;
				background: black;
			}
			
			.mui-table-view {
				background-color: #000;
			}
			
			.mui-table-view:before,
			.mui-table-view:after {
				height: 0;
			}
			.mui-table-view-cell{
				padding: 11px 0 20px !important;
			}
			.record ul{
				width: 100%;
			}
			.mui-table-view .mui-table-view-cell {
				color: #D7E6D5;
				
				border-bottom: 1px dashed #CBD9C9;
				margin: 0 10px;
				position: relative;
			}
			.mui-table-view  p{
				position:absolute;
				bottom: 5px;
				left: 0;
				line-height: 15px;
				font-size: 14px;
			}
			.mui-table-view .mui-table-view-cell .mui-icon {
				line-height: 40px;
			}
			
			.mui-table-view-cell:after {
				height: 0;
			}
			
			.mui-table-view .mui-table-view-cell .mui-icon-plus {
				color: #0f0;
			}
			
			.mui-table-view .mui-table-view-cell .mui-icon-minus {
				color: #f00;
			}
			
			.detail-list {
				display: flex;
				position: relative;
				width: 100%;
				justify-content: space-between;
				
			}
			.detail-list .list_l{
				display: flex;
				flex: 1;
				flex-direction: column;
			}
			
			.detail-list .list_r {
				/*text-align: right;*/
				display: flex;
				flex-direction: column;
				flex: 1;
			}
			
			.detail-list .detail-size {
				font-size: 14px;
			}
			.detail-list p{
				width: 100%;
				position: absolute;
				bottom: -18px;
				left: 0;
				line-height: 15px;
				font-size: 14px;
				color: #FFFFFF;
				text-align: left;
			}
			.red {
				color: #f00;
			}
			
			.green {
				color: #0f0;
			}
		</style>
	</head>

	<body>
		<!-- 头部 -->
		<header class="mui-bar mui-bar-nav home_top">
			<h1 class="mui-title"><span lang>托管记录</span></h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<a class="title_right" id="kap_order" lang>KAP明细</a>
		</header>

		<!--下拉刷新容器-->
		<div class="mui-content record mui-scroll-wrapper" id="pullrefresh">
			<div class="mui-scroll">
				<!--数据列表-->
				<ul class="mui-table-view" id="mytradelist">
					
				</ul>
			</div>
		</div>
		<script id='list-template' type="text/template">
			<% for(var i in tradelist){ var trade=tradelist[i]; %>
			<li class="mui-table-view-cell">
				<div class="detail-list">
					<div class="list_l">
						<span class="detail-size">支付：<%=(trade.pay_money)%></span>
						<span class="detail-size">获得：<%=(trade.total_money)%></span>
						<span class="detail-size">剩余：<%=(trade.left_money)%></span>
					</div>
					<div class="list_r">
						<span class="detail-size green">KAP价格：<%=(trade.price)%></span>
						<span class="detail-size green">释放比例：<%=(trade.rate)%></span>
						<span class="detail-size">释放KAP：<%=(trade.kap_money)%></span>
					</div>
					<p>
						<%=(trade.time)%>
					</p>
				</div>

			</li>
			<% } %>
		</script>
		<script src="../../js/arttmpl.js"></script>
		<script src="../../lang/index.js"></script>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/config.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../js/sockjs.js"></script>
		<script src="../../js/md5.min.js"></script>
		<script src="../../js/mui.pullToRefresh.js"></script>
		<script src="../../js/mui.pullToRefresh.material.js"></script>
		<script src="../../js/jquery-1.7.2.min.js"></script>
		<script src="../../resource/wallet/chainlist.js"></script>

	</body>

</html>